<div class="top-menu">
   <ul class="menu-c1">
      <li class="relative menu-c1">
         <a class=" <?if($cat_id == 0) echo 'active'?>" href="http://www.gocnoithat.vn">Trang chủ</a>
      </li>
      <?foreach($arr_cate as $key=>$value){
            if($value['cat_parent_id'] == 0){
               $link = rewriteCate($value['cat_name'],$key);?> 
               <li class="relative menu-c1">
                  <i></i>
                  <a class="<?if($cat_id == $key) echo 'active'?>" href="<?=$link?>"><?=$value['cat_name']?></a>
                  <ul class="absolute menu-c2">
                  <?foreach($arr_cate as $keys=>$values){
                     if($values['cat_parent_id'] == $value['cat_id']){
                        $links = rewriteCate($values['cat_name'],$keys);?>
                        <li>
                           <i></i>
                           <a href="<?=$links?>"><?=$values['cat_name']?></a>
                        </li>
                     <?}?>
                     
                  <?}?>
                  </ul>
               </li> 
            <?}?>
      <?}?>
      <li class="relative menu-c1">
         <a class=" <?if($cat_id == 11) echo 'active'?>" href="/dat-hang/">Đặt hàng</a>
      </li>
      <li class="relative menu-c1">
         <a class=" <?if($cat_id == 10) echo 'active'?>" href="/bai-viet/">Bài viết</a>
      </li>
      
   </ul>
   <div id="box-search">
      <form method="GET" action="/home/search.php" name="search">
         <input type="text" class="black-transparent" name="keyword" placeholder="Tìm kiếm" />
         <div class="btn-submit"></div>
      </form>
      <em class="absolute icon-search"></em>
      
   </div>
</div>
<div class="carousel-container">
   <div id="carousel">
    <?for($i=0;$i<5;$i++){?>
      <div class="carousel-feature">
         <a href="#"><img class="carousel-image" alt="Image Caption" src="/pictures/product/banner-1.jpg"/></a>
         <div class="carousel-caption">
         </div>
    </div>
    <?}?>
    
   </div>
<div id="carousel-left"><img src="/theme/images/arrow-left.png" /></div>
<div id="carousel-right"><img src="/theme/images/arrow-right.png" /></div>
</div>
<script type="text/javascript">
   $(document).ready(function() {
     var carousel = $("#carousel").featureCarousel({
       autoPlay:true,
       carouselSpeed:1300,
     });
   });
 </script>